/**
 * Created by Administrator on 2017/3/1 0001.
 */
import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    TextInput,
    TouchableOpacity,
    Dimensions,
    Navigator,
    BackAndroid
} from 'react-native';

var width = Dimensions.get('window').width;
var height = Dimensions.get('window').height;
import login from './login';
import register from './register';
//var login = require('./login');
//var register = require('./register');

export default class confirmP extends Component{
    registerBtn(){
        this.props.navigator.push({
            name:'login'
        })
    }
    render() {
        return (
            <View style={styles.content}>
                <View style={styles.Box}>
                    <Text style={styles.btnFont}>密码：</Text>
                    <View>
                        <TextInput
                            underlineColorAndroid = {'transparent'}
                            multiline={false}
                            secureTextEntry={true}
                            style={styles.inputBox}>
                        </TextInput>
                    </View>
                </View>
                <View style={styles.Box}>
                    <Text style={styles.btnFont}>确认密码：</Text>
                    <View>
                        <TextInput
                            underlineColorAndroid = {'transparent'}
                            multiline={false}
                            secureTextEntry={true}
                            style={styles.inputBox}>
                        </TextInput>
                    </View>
                </View>
            </View>
        );
    }
};

const styles = StyleSheet.create({
    flex: {
        flex: 1
    },
    //容器
    content:{
        flex:1,
        width:width,
        backgroundColor:'#0767c8',
        opacity:1,
        alignItems:'center',
        justifyContent:'center'
    },
    //框
    Box: {
        margin: 5,
        padding: 5,
        width: width-20,
        flexDirection: 'row',
        height: 45,
        justifyContent: 'flex-start',
        alignItems: 'center',
        borderBottomWidth: 1,
        borderBottomColor: 'white'
    },
    //输入框
    inputBox: {
        width: width-100
    },
    //基础按钮
    mentionBox:{
        margin: 5,
        padding: 5,
        width: width-20,
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        height:30
    },
    textBox: {
        margin: 5,
        padding: 5,
        width: width-20,
        flexDirection: 'row',
        height: 30,
        justifyContent: 'space-between',
        alignItems: 'center'
    },
    primaryBtn: {
        width: 55,
        margin: 5,
        backgroundColor: 'blue',
        height: 25,
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        borderRadius: 5
    },
    mentionBtn: {
        width: 70
    },
    //按钮字体
    btnFont: {
        color: 'white',
        fontSize: 15,
        fontWeight: 'bold' //粗体
    },
    textFont: {
        color: 'white',
        fontSize: 12,
        fontWeight: 'bold' //粗体
    },
    loginBtn: {
        width: width-20,
        height: 35,
        flexDirection: 'row',
        justifyContent: 'center'
    }
});

AppRegistry.registerComponent('confirmP', () => confirmP);